<template>
    <div class="app-container">
        <el-row>
            <el-col class="form_area">
                <OperationDoctorAdviceModule />
            </el-col>
        </el-row>
        <el-row style="text-align: center; padding-top: 20px">
            <el-button type="primary" @click.stop="goBack">返回</el-button>
        </el-row>
    </div>
</template>
<script>
import OperationDoctorAdviceModule from './modules/operationDoctorAdviceModule.vue'
export default {
    name: 'OperationDoctorAdvice',
    components: {
        OperationDoctorAdviceModule
    },
    methods: {
        goBack() {
            this.$router.back()
        }
    }
}
</script>
<style lang="scss" scoped>
/deep/.crud-opts {
    display: inline-flex;
}

.table_title {
    display: inline-block;
    line-height: 30px;
    margin: 0 10px 0 0;
    vertical-align: middle;
    font-weight: bold;
    color: #303133;
    font-size: 15px;
}

.item_content {
    min-width: 100px;
}

.head-container {
    line-height: 30.5px;
    padding-bottom: 0;

    /deep/.filter-item {
        margin-bottom: 0;
    }
}

.num_input {
    width: 160px;
}

.text_area_item {
    width: 100%;

    /deep/.el-form-item__content {
        width: calc(100% - 200px);
    }
}

.form_area {
    max-width: 750px;
}
</style>
